<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的购物车</title>
		<link rel="stylesheet" type="text/css" href="css/commen.css" />
		<link rel="stylesheet" type="text/css" href="css/shop_cart.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="js/shop_cart.js" ></script>
		<script type="text/javascript" src="js/login_user.js" ></script>
	</head>
	<body>
		<div class="header">
			<div class="header-top">
				<div class="navigation">
					<ul>
						<li><a href="#">网站导航</a></li>
						<li><a href="#">客户服务</a></li>
						<li><a href="user.html">会员中心</a></li>
						<li><a href="shop_cart.html">购物车</a></li>
						<li><a href="#">我的收藏</a></li>
						<li><a href="#">我的贺曼</a></li>
						<li><a href="register.html">注册</a></li>
						<li><a href="login.html">登录</a></li>
					</ul>
				</div>
			</div>
			<div class="header-conter">
				<a href="index.html" class="left"><img src="images/logo.jpg"></a>
				<div class="middle">
					<div class="search">
						<input type="text" class="btn" />
						<span>搜索</span>
					</div>
					<i>大家都在搜：<a href="pro_details.html">连衣裙</a>  <a href="pro_details.html">连体衣 </a> <a href="pro_details.html">儿童毯</a>  <a href="pro_details.html">帽子</a></i>
				</div>
				<a class="right"><img src="images/index01.jpg"></a>
			</div>
			<div class="header-bottom">
				<div class="menu">
					<ul>
						<li><a href="index.html">首页</a></li>
						<li><a href="shop_list.html">特惠购</a></li>
						<li><a href="shop_list.html">闪购</a></li>
						<li><a href="shop_list.html">新品抢购</a></li>
						<li><a href="shop_list.html">全球购</a></li>
					</ul>
				</div>
				
			</div>
		</div>
		<div class="nav">

			<div class="sub-nav">
				<div class="pro-classify">
					<h2>全部产品分类</h2>
					<ul>
						<li>
							<a class="tx">
								婴幼儿服装>
							</a>
							<div class="pro">
								<dl>
									<dt>连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a2">
							<a class="tx">男童服装></a>
							<div class="pro">
								<dl>
									<dt>2连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a3">
							<a class="tx">女童服装></a>
							<div class="pro">
								<dl>
									<dt>3连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a4">
							<a class="tx">儿童配饰></a>
							<div class="pro">
								<dl>
									<dt>4连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a5">
							<a class="tx">婴儿家居></a>
							<div class="pro">
								<dl>
									<dt>5连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a6">
							<a class="tx">儿童家居></a>
							<div class="pro">
								<dl>
									<dt>6连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a7">
							<a class="tx">其他></a>
							<div class="pro">
								<dl>
									<dt>7连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
					</ul>
				</div>
				<!--pro-classify-->
			</div>	
		</div>
		<!--头部 end-->
		<div class="conter">
			<div class="middle">
				<div class="mid-contre">
					<h2>当前位置：<a href="index.html">首页</a>>我的购物车</h2>
					<div class="top">
						<ul>
							<li class="default">我的购物车</li>
							<li>确认订单</li>
							<li>提交订单</li>
						</ul>
					</div>
					<div class="shop_cart">
						<div class="shop-title">
							<div class="left">
								<ul>
									<li class="on">全部商品</li>
									<li>猜你喜欢</li>
								</ul>	
							</div>
							<div class="right">
								<label>配送至：</label>
								<select>
									<option>成都市高新区</option>
									<option>成都市高新区</option>
								</select>
							</div>
						</div>
						<div class="shop_box">
							<ul>
								<li>
									<table>
										<thead>
											<tr>
												<th>
													<label>
														<input type="checkbox" />
														全选
													</label>
												</th>
												<th>商品</th>
												<th>商品属性</th>
												<th>单价（元）</th>
												<th>数量</th>
												<th>小计（元）</th>
												<th>操作</th>
											</tr>
										</thead>
										<tbody id="tbody">
											
											<!--<tr>
												<td class="shop_img">
													<label><input type="checkbox" /></label>
													<a href="pro_details.html"><img src="images/order_00.jpg"></a>
												</td>
												<td class="shop_title"><span><a href="pro_details.html">女婴2016秋冬纯棉长袖爬服夹棉连身衣</a></span></td>
												<td class="shop_color"><span id="color">【绿色】纯棉长袖</span></td>
												<td class="univalence">
													<span class="cost">368.00</span>
													<button id="Sales">特价产品</button>
												</td>
												<td class="shop_num">
													<div class="num">
														<button type="button" class="prd_subNum" id="reduceb"  onclick="">-</button>
														<input type="text" id="prd_numb" value="1" class="prd_num" maxlength="3">
														<button type="button" class="prd_addNum" id="addb" onclick="">+</button>
											        </div>
												</td>
												<td class="shop_price"><span class="total">368.00</span></td>
												<td class="shop_handle">
													<span class="delete" id="remove">删除</span>
													<span class="attention">添加关注</span>
												</td>
											</tr>-->
										</tbody>
									</table>	
								</li>
							</ul>
							<script>
								var obj = localStorage.getItem("proList");
								
								if(obj!=null){
									var proList = JSON.parse(obj);
									for(var i=0;i<proList.length;i++){	
										
										var tbody = document.getElementById("tbody");
										var tr = document.createElement("tr");
//										tr.setAttribute("class","cart_product row col-lg-12")							
										tbody.appendChild(tr);
										
										var td1 = document.createElement("td");
										td1.setAttribute("class","shop_img");
										tr.appendChild(td1);
										
										var lab1 = document.createElement("label");
										lab1.setAttribute("class","inp")
										td1.appendChild(lab1);
										
										var inp1 = document.createElement("input");
										inp1.setAttribute("id","checked");
										inp1.setAttribute("class","input")
										inp1.setAttribute("type","checkbox");
//										var i1 = document.createElement("i");
										
										lab1.appendChild(inp1);
//										lab1.appendChild(i1);
										
										var a1 = document.createElement("a");
										a1.setAttribute("href","pro_details.html")
										td1.appendChild(a1);
										
										var img1 = document.createElement("img");
										img1.setAttribute("src",proList[i].images);
										a1.appendChild(img1);
										
										var td2 = document.createElement("td");
										td2.setAttribute("class","shop_title");
										tr.appendChild(td2);
										
										var span2 = document.createElement("span");
										td2.appendChild(span2);
										
										var a2 = document.createElement("a");
										a2.setAttribute("href","pro_details.html")
										a2.innerHTML = proList[i].title;
										span2.appendChild(a2)
										
										var td3 = document.createElement("td");
										td3.setAttribute("class","shop_color");
										tr.appendChild(td3);
										
										var span3 = document.createElement("span");
										span3.setAttribute("id","color")
										span3.innerHTML = "【绿色】纯棉长袖";
										td3.appendChild(span3);
										
//										
										var td4 = document.createElement("td");
										td4.setAttribute("class","univalence");
										tr.appendChild(td4);
										
										var span4 = document.createElement("span");
										span4.setAttribute("class","cost");
										span4.innerHTML = proList[i].price;
										td4.appendChild(span4);
										
										var button4 = document.createElement("button");
										button4.setAttribute("id","Sales");
										button4.setAttribute("type","button");
										button4.innerHTML="特价产品";
										td4.appendChild(button4);
										
										
										var td5 = document.createElement("td");
										td5.setAttribute("class","shop_num");
										tr.appendChild(td5);
										
										var div5 = document.createElement("div");
										div5.setAttribute("class","num");
										td5.appendChild(div5);
										
										var button5_1 = document.createElement("button");
										button5_1.setAttribute("class","prd_subNum");
										button5_1.innerHTML = "-"
										div5.appendChild(button5_1);
										
										var inp5 = document.createElement("input");
										inp5.setAttribute("class","prd_num");
										inp5.setAttribute("type","text");
										inp5.setAttribute("value",proList[i].number);
										div5.appendChild(inp5);
										
										var button5_2 = document.createElement("button");
										button5_2.setAttribute("class","prd_addNum");
										button5_2.innerHTML = "+"
										div5.appendChild(button5_2);
										
										
										
										var td6 = document.createElement("td");
										td6.setAttribute("class","shop_price");
										tr.appendChild(td6)
										
										var span6 = document.createElement("span");
										span6.setAttribute("class","total");
										span6.innerHTML = parseInt(proList[i].number)*parseFloat(proList[i].price);
										td6.appendChild(span6);
										
										var td7 = document.createElement("td");
										td7.setAttribute("class","shop_handle");
										tr.appendChild(td7);
										
										var span7_1 = document.createElement("span");
										span7_1.setAttribute("class","delete");
										span7_1.setAttribute("class","remove");
										span7_1.innerHTML = "删除";
										td7.appendChild(span7_1);
										
										var span7_2 = document.createElement("span");
										span7_2.setAttribute("class","attention");
										span7_2.innerHTML = "添加关注";
										td7.appendChild(span7_2);
									}
											
								}
								
							</script>
							<ul style="display: none;">
								<li class="like"><a>猜你喜欢</a></li>
							</ul>
						</div>
						
						<div class="shop-bot">
							<ul>
								<li>
									<label>
										<input type="checkbox" />
										全选
									</label>
								</li>
								<li class="delete">
									<span id="allremove">删除选中商品</span>
								</li>
								<li class="attention">
									<span>添加到关注</span>
								</li>
								<li class="eliminate">
									<span>清除下柜商品</span>
								</li>
								<li>
									<span>已选择<i>1</i>件商品</span>
								</li>
								<li>
									<span>总价：￥<i>368</i>元</span>
									<span>已节省：￥<a>0</a>元</span>
								</li>
								
								<li>
									<a href="confirm_order.html"><button>结算</button></a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!--mid-contre-->
			</div>
			<!--middle-->
		</div>
		<script>
			$(function(){

						
			})
		</script>
		<div class="footer">
			<div class="footer-top">
				<a class="code-left"><img src="images/code01.jpg"><span>官方微信</span></a>
				<a class="code-right"><img src="images/code02.jpg"><span>官方微博</span></a>
				<ul>
					<li>
						<i>7</i>
						<span>七天无理由退货</span>
					</li>
					<li>
						<i>优</i>
						<span>品质保证</span>
					</li>
					<li>
						<i>特</i>
						<span>特色服务体验</span>
					</li>
					<li>
						<i>？</i>
						<span>帮助中心</span>
					</li>
				</ul>
			</div>
			
			<!--footer-top-->
			<div class="footer-bottom">
				<p>
					<a href="about.html"><i>关于我们 </i></a>
					<a href="#"><i>购物袋 </i></a>
					<a href="#"><i>我的账户</i></a>
					<a href="#"><i>顾客查询</i></a>
					<a href="#"><i>产品优点</i></a>
					<a href="#"><i>零售网络</i></a>
					<a href="contact_us.html"><i>联络我们</i></a>
					<a href="#">Hallmark Babies 官方网站 Officia</a>
					<a href="#">Website</a>
				</p>
				<p><a class="left">Copyright © 2009-2016 MYBABYKID.COM 版权所有 </a><a href="#" class="right">使用条款 | 隐私及安全条例</a></p>
				<p> © Hallmark Cards, Inc.</p>
				<div class="attention">
					<p>立即关注</p>
					<p>最新产品</p>
					<p>优惠信息发布</p>
				</div>
			</div>
		</div>
	</body>
</html>
